import { LinkContent } from "@/components/link-content"
import { Sidebar } from "@/components/sidebar"
import { SiteFooter } from "@/components/site-footer"
import { SiteHeader } from "@/components/site-header"
import { SearchHeader } from "@/components/search-header"
import { FloatingToolbar } from "@/components/floating-toolbar"
import { BottomNavigation } from "@/components/bottom-navigation"

export default function IndexPage() {
  return (
    <div className="container relative mx-auto min-h-screen w-full px-0 homepage-background">
      <div className="flex flex-col no-border">
        {/* 头部区域 */}
        <SiteHeader />
        
        {/* 搜索头部组件 */}
        <SearchHeader />
        
        {/* SEO主标题 - 新增，不影响现有布局 */}
        <header className="seo-main-header">
          <h1 className="seo-main-title">
            Hello123导航 - 精选优质网站导航，上网不迷路
          </h1>
          <p className="seo-main-description">
            专业的网站导航平台，精心收录AI工具、搜索引擎、开发工具、设计资源等优质网站，让您快速找到所需的在线工具和服务
          </p>
        </header>
        
        {/* 主体区域 - 模仿old-nav的tab-wrapper结构 */}
        <div className="tab-wrapper">
          {/* 导航栏区域 - 对应old-nav的tab-menu */}
          <Sidebar />
          
          {/* 主内容区域 - 对应old-nav的tab-content */}
          <div className="tab-content">
            <LinkContent />
          </div>
        </div>
        
        {/* 底部导航组件 - 对应old-nav的底部选项卡 */}
        <BottomNavigation />
        
        {/* <SiteFooter /> */}
      </div>
      
      {/* 浮动工具栏 */}
      <FloatingToolbar />
    </div>
  )
}
